<link rel="import" href="head.html?__inline">
<div class="head">
    <div class="container clearfix">
        <img src="images/logo.png" alt=""/><span>河北省安全科技技术中心在线培训系统</span>
        <ul>
            <li><a href="/index.html">首页</a></li>
            <li><a href="/training-plan.html" class="active">培训计划</a></li>
            <li><a href="/complete-plan.html">个人中心</a></li>
            <li><a href="/teacher-resources.html">师资管理</a></li>
            <li><a href="/novice-help.html">帮助中心</a></li>
        </ul>
    </div>
</div>
    <!--head---end-->
    <div class="content">
        <div class="container">
            <div class="first-line"><a href="/training-plan.html"><span>培训计划</span></a><img src="images/point.png" alt=""><a href="/plan-class-detail.html"><span>计划详情</span></a><img src="images/point.png" alt=""><span>支付订单</span></div>
          <div class="pay-o clearfix">
              <img src="images/Paymentorder_successful.png" alt="">
              <div class="pay-cont">
                  <p class="please-pay">订单提交成功！请支付~</p>
                  <p class="name-pay">商品名称：主要负责人-</p>
                  <p>业务订单号：201606465417654198746</p>
              </div>
              <div>
                  <p class="count-pay">应付总金额：<i>10</i>元</p>
              </div>
          </div>
           <div class="bank-ka">
               <div>选择支付方式</div>
               <div><a href="#" class="active-pay"><img src="images/Paymentorder_alipay.png" alt=""></a><a href="#"><img src="images/Paymentorder_union_pay.png" alt=""></a>
               <a href="#"><img src="images/Paymentorder_wechatpay.png" alt=""></a></div>
           </div>
           <div class="pay-time clearfix">
            <p>倒计时：<i>20:00</i></p> 
            <a href="">支付订单</a>   
           </div>
        </div>
    </div>
    <!--content---end-->
    <link rel="import" href="footer.html?__inline">
<script>
    $(document).ready(function(){
        $(".bank-ka a").click(function(){
            $(this).addClass("active-pay")
                    .siblings().removeClass("active-pay");
        });
    });
</script>
</body>
</html>